{extend name="User:base" /}
{block name="title"}
个人中心
{/block}
{block name="resources"}
	{load href="__PUBLIC__/static/css/index/common.css" /}
	{load href="__PUBLIC__/static/css/index/user_nav.css" /}
	{load href="__PUBLIC__/static/css/index/user_common.css" /}
	{load href='__PUBLIC__/static/jquery-ui-1.12.1/jquery-ui.css' /}
	{load href='__PUBLIC__/static/jquery-ui-1.12.1/jquery-ui.js' /}
{/block}
{block name="detail"}
    <div class="user-tab">
    	<ul>
    		<li><a href="" class="active">基本信息</a></li>
    		<li><a href="">头像照片</a></li>
    		<li><a href="">更多个人信息</a></li>
    	</ul>
    </div>
    <div class="user-content">
    	<div class="user-box">
            <div class="item">
                <span><em>*</em>用户名：</span><strong>{$info.username}</strong>
            </div>
            <div class="item">
                <span><em>*</em>昵称：</span><input type="text" name="nickname" value="zhuwenbin10">
            </div>
            <div class="item">
                <span><em>*</em>性别：</span>
                <input type="radio" class="radio" name="sex" value="0"><label class="radio-label">男</label>
                <input type="radio" class="radio" name="sex" value="1"><label class="radio-label">女</label>
                <input type="radio" class="radio" name="sex" value="2"><label class="radio-label">保密</label>
            </div>
            <div class="item">
                <span>生日：</span><input type="text" name="birthday" id="datepicker">
            </div>
            <div class="item">
                <span><em>*</em>邮箱：</span><strong>{$info.email}</strong>
            </div>
            <div class="item">
                <span><em>*</em>真实姓名：</span><input type="text" name="name">
            </div>
            <div class="item">
                <span></span><button>提交</button>
            </div>

            <div class="user-info fr"></div>   
        </div>
    </div>

    <script type="text/javascript">
    	$(function() {
		    $( "#datepicker" ).datepicker({
		    	"dateFormat" : "yy-mm-dd"
		    });
		});
    </script>
{/block}